myChartDirectItv = echarts.init(document.getElementById('itv_direct_quality_chart'));

optionDirectItv = {
    title: {
        text: 'iTV用户直连非直连平均延迟',
        textStyle: {
            color: '#FFFFFF'
        }
        // subtext: '纯属虚构'
    },
    legend: {
        top: '20%',
        itemWidth: 20,
        itemHeight: 20,
        data: ['直连时延(ms)', '级联时延(ms)'],
        textStyle: {
            color: '#FFFFFF',
            fontSize:16
        }
    },
    color: ['#5ECF35', '#00BCD2'],
    grid: {
        left: '3%',
        bottom: 0,
        width: '60%'
    },
    barWidth: 20,
    xAxis: [
        {
            type: 'value',
            axisTick: {
                show: false
            },
            axisLabel: {
                show: false
            },
            splitLine: {
                show: false
            }
        }
    ],
    yAxis: [
        {
            type: 'category',
            axisTick: {show: false},
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            }
        }
    ],
    series: [
        {
            name: '直连时延(ms)',
            type: 'bar',
            label: {
                normal: {
                    show: true,
                    position: 'right',
                    textStyle: {
                        color: '#FFFFFF',
                        fontSize: '20'
                    }
                }
            },
            data: [366.21]
        },
        {
            name: '级联时延(ms)',
            type: 'bar',
            label: {
                normal: {
                    show: true,
                    position: 'right',
                    textStyle: {
                        color: '#FFFFFF',
                        fontSize: '20'
                    }

                }
            },
            data: [457.63]
        }
    ]
};

myChartDirectItv.setOption(optionDirectItv);